<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<title>张亚超 技术博客园后台管理页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/controls/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/controls/style.css" media="screen" type="text/css" />
<script type="text/javascript">
	function openTab(text, url, iconCls) {
		if($("#tabs").tabs("exists", text)) {
			$("#tabs").tabs("select", text);
		} else {
			var content = "<iframe frameborder=0 scrolling='auto' style='width:100%; height:100%' src='${pageContext.request.contextPath}/admin/" + url + "' ></iframe>";
			$("#tabs").tabs("add", {
				title : text,
				iconCls : iconCls,
				closable : true,
				content : content
			});
		}
	}
	
	function openPasswordModifyDialog() {
		$("#dlg").dialog("open").dialog("setTitle", "修改密码");
	}
	
	function modifyPassword() {
		$("#fm").form("submit", {
			url : "${pageContext.request.contextPath}/admin/blogger/modifyPassword.do",
			onSubmit : function() {
				var newPassword = $("#password").val();
				var rePassword = $("#rePassword").val();
				if(!$(this).form("validate")) {
					return false; // 验证不通过直接false
				}
				if(newPassword != rePassword) {
					$.messager.alert("系统提示", "两次输入密码不一致!");
					return false;
				}
				return true;
			},
			success : function(result) {
				var result = eval("(" + result + ")"); // 将json格式的result转换成js对象
				if(result.success) {
					$.messager.alert("系统提示", "密码修改成功,下次登录生效!");
					closePasswordModifyDialog();
				} else {
					$.messager.alert("系统提示", "密码修改失败!");
					return ;
				}
			}
		});
	}
	
	function closePasswordModifyDialog() {
		$("#password").val("");
		$("#rePassword").val("");
		$("#dlg").dialog("close");
	}
	
	function refreshSystemCache() {
		$.post("${pageContext.request.contextPath}/admin/system/refreshSystemCache.do", {}, function(result) {
			if(result.success) {
				$.messager.alert("系统提示", "已成功刷新系统缓存!");
			} else {
				$.messager.alert("系统提示", "刷新系统缓存失败!");
			}
		}, "json");
	}
	
	function logout() {
		$.messager.confirm("系统提示", "您确定要退出系统吗？", function(r) {
			if(r) {
				window.location.href = "${pageContext.request.contextPath}/admin/blogger/logout.do";
			}
		});
	}
</script>
<style type="text/css">
body {
	font-family: microsoft yahei;
}
</style>
</head>
<body class="easyui-layout">
	<div region="north" style="height:78px;background-color:#E0ECFF">
		<table style="padding: 5px; width: 100%">
			<tr>
				<td style="width:50%"><h2>技术博客园后台管理系统</h2></td>
				<td style="text-align: right; width:50%;vertical-align: bottom">
					<span style="font-size:12px;">&nbsp;&nbsp;<strong>欢迎:</strong>${currentUser.username }</span>
				</td>
			</tr>
		</table>
	</div>
	<div region="center">
		<div class="easyui-tabs" fit="true" border="false" id="tabs">
			<div title="首页" data-options="iconCls:'icon-home'">
				<!-- <div style="text-align:center;padding-top:100px; font-size: 36px;"><span style="color:red;">欢迎使用技术博客园后台管理系统</span></div> -->
				<!-- <div style="text-align:center;clear:both;"> -->
					<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
					<script src="/controls/follow.js" type="text/javascript"></script>
				<!-- </div> -->
				<canvas id="canvas"></canvas>
				
				<script src="${pageContext.request.contextPath}/controls/index.js"></script>
			</div>
		</div>
	</div>
	<div region="west" style="width:200px" title="导航菜单" split="true">
		<div class="easyui-accordion" data-options="fit:true,border:false">
			<div title="常用操作" data-options="selected:true,iconCls:'icon-item'" style="padding:10px">
				<a href="javascript:openTab('写博客', 'writeBlog.jsp', 'icon-writeblog')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-writeblog'" style="width:150px">写博客</a>
				<a href="javascript:openTab('评论审核', 'commentReview.jsp', 'icon-review')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-review'" style="width:150px">评论审核</a>
			</div>
			<div title="博客管理" data-options="iconCls:'icon-bkgl'" style="padding:10px">
				<a href="javascript:openTab('写博客', 'writeBlog.jsp', 'icon-writeblog')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-writeblog'" style="width:150px">写博客</a>
				<a href="javascript:openTab('博客信息管理', 'blogManage.jsp', 'icon-bkgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bkgl'" style="width:150px">博客信息管理</a>
			</div>
			<div title="博客类别管理" data-options="iconCls:'icon-bklb'" style="padding:10px">
				<a href="javascript:openTab('博客类别信息管理', 'blogTypeManage.jsp', 'icon-bklb')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bklb'" style="width:150px">博客类别信息管理</a>
			</div>
			<div title="评论管理" data-options="iconCls:'icon-plgl'" style="padding:10px">
				<a href="javascript:openTab('评论审核', 'commentReview.jsp', 'icon-review')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-review'" style="width:150px">评论审核</a>
				<a href="javascript:openTab('评论信息管理', 'commentManage.jsp', 'icon-plgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-plgl'" style="width:150px">评论信息管理</a>
			</div>
			<div title="个人信息管理" data-options="iconCls:'icon-grxx'" style="padding:10px">
				<a href="javascript:openTab('修改个人信息', 'modifyInfo.jsp', 'icon-grxxxg')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-grxxxg'" style="width:150px">修改个人信息</a>
			</div>
			<div title="系统管理" data-options="iconCls:'icon-system'" style="padding:10px">
				<a href="javascript:openTab('友情链接管理', 'linkManage.jsp', 'icon-link')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-link'" style="width:150px">友情链接管理</a>
				<a href="javascript:openPasswordModifyDialog()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-modifyPassword'" style="width:150px">修改密码</a>
				<a href="javascript:refreshSystemCache()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-refresh'" style="width:150px">刷新系统缓存</a>
				<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-exit'" style="width:150px">安全退出</a>
			</div>
		</div>
	</div>
	<div region="south" style="height:25px; padding:0 5px; text-align: center">
		<p>Copyright &copy; 2016 张亚超 技术博客园 版权所有</p>
	</div>
	
	<div id="dlg" class="easyui-dialog" style="width:400px; height:200px; padding: 10px 20px" closed="true" buttons="#dlg-buttons">
		<form id="fm" method="post">
			<table cellspacing="8px">
				<tr>
					<td>用户名</td>
					<td>
						<input type="text" id="username" name="username" value="${blogger.username}" readonly="readonly" />
					</td>
				</tr>
				<tr>
					<td>新密码</td>
					<td>
						<input type="password" id="password" name="password" class="easyui-validatebox" required="required" style="width:200px"/>
					</td>
				</tr>
				<tr>
					<td>确认新密码</td>
					<td>
						<input type="password" id="rePassword" name="rePassword" class="easyui-validatebox" required="required" style="width:200px" />
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div id="dlg-buttons">
		<div>
			<a href="javascript:modifyPassword()" class="easyui-linkbutton" iconCls="icon-ok" plain="true">保存</a>
			<a href="javascript:closePasswordModifyDialog()" class="easyui-linkbutton" iconCls="icon-cancel" plain="true">关闭</a>
		</div>
	</div>
</body>
</html>
